<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>青春梦想</title>
	<style type="text/css">
	body{
		padding: 0 px;
	}
	    .header{
			width:1000px;
			height: 160px;
			margin: 0 auto;
			text-align
		}
		.red{
			color:red;
			font-size:40px;
			border:1px solide red;
			width:500px;
			margin:0 auto;
		}
		.bule{
			color:bule;
			font-size:32px;
			font-winght:bold;
			background-color: rgba(230, 178, 95, 0.3);
		}
		.container{
			width: 200px;
			margin: 0 auto;
		}
		.aside{
			width: 200px;
			height: 600px;
			background-color: #ccc;
			display: inline-block;
		}
		.middle{
			winth: 500px;
			display: inline-block;
		}
	</style>
</head>
<body>
	<h1 class=red >题目</h1>
	<p class=bule >第一段</p>
	<!--视口viewport -->
	<header class="mui-bar mui-bar-nav">
	</header>
	<div class="container">
		<aside>我是左边</aside>
		<section>我是中间</section>
		<aside>我是右边</aside>
			
		
	</div>
</body>
</html>